<template>
  <div>children-A</div>
</template>

<script>
export default {
  props: {
    id: {
      type: String,
      default: ''
    }
  },
  mounted() {
    console.log('$router.params.id: ' + this.id)
  },
  watch: {
    id(val) {
      console.log(val)
    }
  }
}
</script>

<style>
</style>